<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui的导航</title>
    <!--引入layui的核心css文件-->
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css">
    <!--layui的核心js文件（采用模块化引入）-->
    <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
  <!--
    导航
        水平导航 layui-nav
        layui-nav-item 表示的是导航的子项
        layui-this 表示当前被选中的项
        layui-nav-child 表示的是二级菜单
        垂直导航 layui-nav layui-nav-tree
        侧边导航 layui-nav layui-nav-tree layui-nav-side
           导航的主题颜色
               layui-bg-颜色
               墨绿molv
               藏青色 cyan
               艳蓝色 blue
        面包屑导航 layui-breadcrumb
             通过lay-separator="符号" 设置面包屑导航的分隔符
  -->

<!--水平导航 layui-nav-->
<!-- <ul class="layui-nav" lay-filter="">
  <li class="layui-nav-item"><a href="">最新活动</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案 </a>
    <dl class="layui-nav-child"> 
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
 
  </li>
</ul> -->


<!--垂直导航 layui-nav-->
<!-- <ul class="layui-nav layui-nav-tree">
  <li class="layui-nav-item"><a href="">最新活动</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模板</a></dd>
      <dd><a href="">电商平台</a></dd>

    </dl>
  </li>

</ul> -->

<!--侧边导航 layui-nav-layui-nav-tree layui-nav-side -->
<!-- <ul class="layui-nav layui-nav-tree layui-nav-side layui-bg-move">
  <li class="layui-nav-item"><a href="">最新活动</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案<span class="layui-badge">6</span></a>
    <dl class="layui-nav-child"> 
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模板</a></dd>
      <dd><a href="">电商平台</a></dd>

    </dl>
  </li>

</ul> -->



<!--面包屑导航-->
<span class="layui-breadcrumb" lay-separator="-">
  <a href="">首页</a>
  <a href="">国际新闻</a>
  <a href="">亚太地区</a>
  <a><cite>正文</cite></a>
</span>

<script>
 
  layui.use('element',function(){
    var element=layui.element;
  });

</script>
</body>

</html>